Toggles the panel's tabs.

<div class="definition">
    toggleTabs(type)
</div>

<div class="arguments">
    <table>
    <tr>
        <td>type</td>
        <td><b>string</b>, name of the panel</td>
    </tr>
    </table>
</div>

<h4>Description</h4>

The first and only argument <span class="argument">type</span> is the name of the panel. It can be one of the following:
<ul style="margin-left: 50px">
    <li>top
    <li>left
    <li>main
    <li>right
    <li>preview
    <li>bottom
</ul>

If you have a layout defined as:
<textarea class="javascript">
let layout = new w2layout({
    name    : 'layout',
    panels  : [
        { type: 'top', size: 40 },
        { type: 'main', content: 'This is main panel',
            tabs: {
                active: 'tab2',
                tabs: [
                    { id: 'tab1', text: 'Tab 1' },
                    { id: 'tab2', text: 'Tab 2' },
                    { id: 'tab3', text: 'Tab 3' }
                ],
                onClick(event) {
                    console.log('event');
                }
            }
        },
        { type: 'preview', size: 200 }
    ]
});
</textarea>

You can toggle tabs
<textarea class="javascript">
w2ui.layout.toggleTabs('main');
</textarea>